﻿<!DOCTYPE html>
<center>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<link href="Content/font-awesome.css" rel="stylesheet" />
		<link href="Content/bootstrap.css" rel="stylesheet" />
		<link href="Content/myCSS.css" rel="stylesheet" />
	</head>
	<body>
		<h1 class="" >To Do List v2</h1>
		<div class="jumbotron">
			<input class="input-lg" type="text" id="taskName" style="text-align: center" placeholder="Enter task here...." />
			<div class="btn btn-lg btn-success btn-block" onclick="addTask()"><i class="fa fa-plus-circle"></i> Add Task</div>
			<div class="btn btn-lg btn-danger btn-block" onclick="clearDone()"><i class="fa fa-minus-circle"></i> Remove All Completed Tasks</div>
		</div>

		<div id="tableHolder">
			<table class="table table-bordered table-hover"></table>
		</div>


		<script src="Scripts/jquery-1.9.0.min.js"></script>
		<script src="Scripts/bootstrap.min.js"></script>
		<script src="myJS.js"></script>
	</body>
</html>
</center>